<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<head>
    <meta http-equiv="content-type" content="text/html;charset=utf-8">
    <title>个人中心-我的信息</title>
    <link href="/css/public/font-awesome/css/font-awesome.min.css" type="text/css" rel="stylesheet">
    <link href="/css/public/css/common.css" type="text/css" rel="stylesheet">
    <link href="/css/public/css/index.css" type="text/css" rel="stylesheet">
    <link rel="stylesheet" href="/css/public/css/bootstrap.min.css">
    <link rel="stylesheet" href="/css/public/css/font-awesome.min.css">
    <!-- 自定义样式 -->
    <link rel="stylesheet" href="/css/public/css/wx-custom.css">
    <!--[if lt IE 9]>
      <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
      <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <script src="/css/public/js/jquery-3.2.1.min.js"></script>
    <script src="/css/public/js/alert.js"></script>
    <script src="/static/css/bootstrap/js/bootstrap.min.js"></script>
    <link rel="shortcut icon" type="image/x-icon" href="../static/css/img/favicon.png">
    <!-- Place favicon.ico in the root directory -->

    <!-- CSS here -->
    <link rel="stylesheet" href="/css/bootstrap.min.css">
    <link rel="stylesheet" href="/css/animate.min.css">
    <link rel="stylesheet" href="/css/magnific-popup.css">
    <link rel="stylesheet" href="/css/fontawesome-all.min.css">
    <link rel="stylesheet" href="/css/owl.carousel.min.css">
    <link rel="stylesheet" href="/css/jquery-ui.min.css">
    <link rel="stylesheet" href="/css/flaticon.css">
    <link rel="stylesheet" href="/css/odometer.css">
    <link rel="stylesheet" href="/css/aos.css">
    <link rel="stylesheet" href="/css/slick.css">
    <link rel="stylesheet" href="/css/default.css">
    <link rel="stylesheet" href="/css/style.css">
    <link rel="stylesheet" href="/css/responsive.css">
    <link rel="stylesheet" href="css/fonts/font-awesome/css/font-awesome.min.css">
    <style>
        input{
            outline-style: none ;
            border: 1px solid #ccc;
            border-radius: 30%;
            padding: 14px 14px;
            width: 300px;
            font-size: 15px;
        }
    </style>
</head>

<body>
<!--jzy_w_max jzy_h_80 br_h_0-->
<div id="head" class="">
    <header>
        <div class="header-top-wrap d-none d-md-block">
            <div class="container-fluid container-full">
                <div class="row align-items-center">
                    <div class="col-lg-6 col-md-6">
                        <div class="d-flex align-items-center">
                            <div class="header-top-library">
                                <a href="#">图书馆我们<i class="fas fa-angle-down"></i></a>
                            </div>
                            <div class="header-top-search">
                                <form action="#">
                                    <input type="text" placeholder="Search...">
                                    <button><i class="fas fa-search"></i></button>
                                </form>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6 col-md-6">
                        <div class="header-right-list">
                            <div class="header-top-social">
                                <ul>
                                    <li>联系我们</li>
                                    <li><a href="#"><i class="fab fa-twitter"></i></a></li>
                                    <li>
                                        <a href="#"><i class="fab fa-weibo"></i> </a></li>
                                    <li><a href="tencent://message/?uin=1092535160&Menu=yes& Service=300&sigT=42a1e5347953b64c5ff3980f8a6e644d4b31456cb0b6ac6b27663a3c4dd0f4aa14a543b1716f9d45"><i class="fab fa-qq"></i></a></li>
                                    <li id="weixin_hover" ><a href="#"><i class="fab fa-weixin"></i>
                                        <ul>
                                            <img class="qrcode" id="weixin_img"  src="css/img/product/wx_01.png" alt="wx:K15035689083"/>
                                        </ul>
                                    </a></li>
                                </ul>
                            </div>
                            <div class="header-user-login">
                                <a href="#"><i class="fas fa-user-circle"></i><span th:text="${session.name}"></span></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                <a href="#" th:href="@{/logout}"> <i class="fa fa-sign-out"></i><span>注销</span></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </header>
</div>
    <div id="admin_body" class="lt br_4 jzy_w_max" style="margin-bottom: 100px;">
        <div id="admin_nav_body" class="lt">
            <ul id="admin_nav_ul">
                <a href="index">
                    <li class=" jzy_mg_top_14 fs_16 nav_top_li">
                        <span class="nav_top_title  jzy_h_30">
                            <i class="fa fa-home fs_18"></i>
                            <span>首页</span>
                        </span>
                    </li>
                </a>
                <li class="jzy_mg_top_14 fs_16 buttom_border">
                    <span class="nav_top_title jzy_h_30">
                        <i class="fa fa-reorder fs_18"></i>
                        <span>功能</span>
                    </span>

                    <ul class="fs_13">
                        <a href="/selectByid"><li class='nav_top_li nav_tow_li nav_top_title_chois'>我的信息</li></a>
                        <a href="/selectByid2" style="color: black"><li class='nav_top_li nav_tow_li'>我的积分</li></a>
                        <a href="/totest1" style="color: black"><li class='nav_top_li nav_tow_li'>问题反馈</li></a>
                        <a href="/Gradelist" style="color: black"><li class='nav_top_li nav_tow_li'>我的成绩</li></a>
                        <a href="/Orderlist" style="color: black"><li class='nav_top_li nav_tow_li'>我的订单</li></a>
                    </ul>
                </li>
            </ul>
        </div>
            <!--        这里是用户信息     -->
        <div id="admin_main_body"  class="jzy_mg_right_15 cbtn">
            <div class="jzy_desktop_panel jzy_mg_top_40" style="height: 550px">
                <h2 class="fs_26 jzy_mg_bottom_40" style="font-weight: 400;line-height: 1;">我的信息</h2>
                <form th:action="@{/upduser1}" method="post" style="text-align: center">
                    <table class="container" th:each="lists:${list}">
                        <tr class="row">
                            <td><input type="hidden" name="id" th:value="${lists.getId()}" ></td>
                        </tr>
                        <tr class="row" style="margin-top: 30px;">
                            <td class="col-md-3">姓名:</td>
                            <td class="col-md-5"><span th:text="${lists.getName()}"></span>
<!--                                <input type="text" name="name" th:value="${lists.getName()}"/>-->
                            </td>
                        </tr>
                        <tr class="row" style="margin-top: 30px;">
                            <td class="col-md-3">用户名:</td>
                            <td class="col-md-5">
                                <span th:text="${lists.getAccount()}"></span>
<!--                                <input type="text" name="employeesid" th:value="${lists.employeesid}"/>-->
                            </td>
                        </tr>
                        <tr class="row" style="margin-top: 30px;">
                            <td class="col-md-3">性别:</td>
                            <td class="col-md-5">
                                <span th:text="${lists.sex}"></span>
<!--                                <input type="text" name="sex" th:value="${lists.sex}"/>-->
                            </td>
                        </tr>
                        <tr class="row" style="margin-top: 30px;">
                            <td class="col-md-3">手机号:</td>
                            <td class="col-md-5">
                                <span th:text="${lists.phone}"></span>
<!--                                <input type="text" name="phone" th:value="${lists.phone}"/>-->
                            </td>
                        </tr>
                        <tr class="row" style="margin-top: 30px;">
                            <td class="col-md-3">邮箱:</td>
                            <td class="col-md-5">
                                <span th:text="${lists.email}"></span>
                                <!--                                <input type="text" name="phone" th:value="${lists.phone}"/>-->
                            </td>
                        </tr>
                        <tr class="row" style="margin-top: 30px;">
                            <td class="col-md-3">部门:</td>
                            <td class="col-md-5">
                                <span th:text="${lists.getPoName()}"></span>
<!--                                <input type="text" name="departmentid" th:value="${lists.departmentid}"/>-->
                            </td>
                        </tr>
<!--                        <tr class="row" style="margin-top: 30px;">-->
<!--                            <td class="col-md-3">状态:</td>-->
<!--                            <td class="col-md-5">-->
<!--                                <span th:text="${lists.state}"></span>-->
<!--&lt;!&ndash;                                <input type="text" name="state" th:value="${lists.state}"/>&ndash;&gt;-->
<!--                            </td>-->
<!--                        </tr>-->
                        <tr class="row" style="margin-top: 30px;">
                            <td class="col-md-4">
                                <div>
                                    <button type="button" class="jzy_w_100 br_2 jzy_boy_5 rt jzy_text_center fs_14 cr_h_0" id="emp_save_btn" style="line-height: 35px;background-color: #67C23A;color: black"  onclick="myFunction()">编辑信息</button>
<!--                                    <p id="btn" class="cbtn">编辑资料</p>-->
                                </div>
                            </td>
                        </tr>
                    </table>
                </form>
            </div>
        </div>
        <!--这里是页面跳转之后显示user_center_per.html-->
        <div class="cbtn" id="div2" style="display: none;">


        </div>
        <script>
             function myFunction () {
                    // alert("这了这里");
                    div2.style.display = "block";
                    admin_main_body.style.display = "none";
                    var sId = window.location.hash;
                    var pathn = "menuAdminPer";
                    $("#div2").load(pathn);
            };
        </script>
    </div>

    <!-- footer-area -->
<footer>
    <div class="footer-top black-bg pt-95 pb-45">
        <div class="container-fluid container-full">
            <div class="row justify-content-between">
                <div class="col-xl-3 col-lg-4 col-md-6">
                    <div class="footer-widget mb-50">
                        <div class="fw-title mb-25">
                            <h5>关于我们</h5>
                        </div>
                        <div class="fw-text">
                            <p>Arwhal pop intellientsia pinterest微剂量代字云面包gochujang。</p>
                            <div class="footer-contact-list mt-20">
                                <ul>
                                    <li>732/21 King Street，金斯敦英国</li>
                                    <li>1-577-245-658742</li>
                                    <li><a href="./cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="c4aba2a2ada7a184a1bca5a9b4a8a1eaa7aba9">[电子邮件保护]</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xl-2 col-lg-4 col-md-6">
                    <div class="footer-widget mb-50">
                        <div class="fw-title mb-25">
                            <h5>快速链接</h5>
                        </div>
                        <div class="fw-links">
                            <ul>
                                <li><a href="#">家</a></li>
                                <li><a href="#">关于我们</a></li>
                                <li><a href="#">作品集</a></li>
                                <li><a href="#">博客</a></li>
                                <li><a href="#">联系我们</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="col-xl-3 col-lg-4 col-md-6">
                    <div class="footer-widget mb-50">
                        <div class="fw-title mb-25">
                            <h5>热门课程</h5>
                        </div>
                        <div class="footer-courses">
                            <ul>
                                <li>
                                    <div class="f-courses-thumb">
                                        <a href="#"><img src="/css/img/courses/f_courses_thumb01.jpg" alt=""></a>
                                    </div>
                                    <div class="f-courses-content">
                                        <h5><a href="#">Access 2016基本培训培训示例</a></h5>
                                        <span>托诺·普约（Tonoy Pueyo）</span>
                                    </div>
                                </li>
                                <li>
                                    <div class="f-courses-thumb">
                                        <a href="#"><img src="/css/img/courses/f_courses_thumb02.jpg" alt=""></a>
                                    </div>
                                    <div class="f-courses-content">
                                        <h5><a href="#">Python编程基础培训示例</a></h5>
                                        <span>马克·维恩斯</span>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="col-xl-3 col-lg-4 col-md-6">
                    <div class="footer-widget mb-50">
                        <div class="fw-title mb-25">
                            <h5>Twitter的饲料</h5>
                        </div>
                        <div class="fw-tweet-post">
                            <ul>
                                <li>
                                    <i class="fab fa-twitter"></i>
                                    <div class="fw-tweet-post-content">
                                        <p>这里谈到的 <a href="#">https://t.ew/ARkjsdsd</a>
                                            该恒星#theme是任何类型的发</p>
                                        <span>3个月前</span>
                                    </div>
                                </li>
                                <li>
                                    <i class="fab fa-twitter"></i>
                                    <div class="fw-tweet-post-content">
                                        <p>这里谈到的 <a href="#">https://t.ew/ARkjsdsd</a>
                                            该恒星#theme是任何类型的发</p>
                                        <span>3个月前</span>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="copyright-area">
        <div class="container-fluid container-full">
            <div class="row">
                <div class="col-md-6">
                    <div class="copyright-text">
                        <p>版权所有©2020<a target="_blank" href="http://www.edupro.com.cn/">多元合创</a>保留所有权利</p>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="payment-method-img text-center text-md-right">
                        <img src="/css/img/images/payment_method_img.png" alt="">
                    </div>
                </div>
            </div>
        </div>
    </div>
</footer>
    <!-- footer-area-end -->




    <!-- JS here -->
    <script src="/css/js/vendor/jquery-3.5.0.min.js"></script>
    <script src="/css/js/popper.min.js"></script>
    <script src="/css/js/bootstrap.min.js"></script>
    <script src="/css/js/isotope.pkgd.min.js"></script>
    <script src="/css/js/imagesloaded.pkgd.min.js"></script>
    <script src="/css/js/jquery.magnific-popup.min.js"></script>
    <script src="/css/js/owl.carousel.min.js"></script>
    <script src="/css/js/jquery.odometer.min.js"></script>
    <script src="/css/js/jquery-ui.min.js"></script>
    <script src="/css/js/jquery.appear.js"></script>
    <script src="/css/js/slick.min.js"></script>
    <script src="/css/js/ajax-form.js"></script>
    <script src="/css/js/wow.min.js"></script>
    <script src="/css/js/aos.js"></script>
    <script src="/css/js/plugins.js"></script>
    <script src="/css/js/main.js"></script>
</body>

</html>